﻿<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>网站标题</title>
<style type="text/css">
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:"";}abbr,acronym{border:0;}.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}* html .clearfix{zoom:1;}*:first-child+html .clearfix{zoom:1;} 

.PhotoWall,
.PhotoWall .PhotoWallInner,
.PhotoWall ul{position:relative;height:250px;width:950px;overflow:hidden;background:#fff;}
.PhotoWall .PhotoWallInner{position:absolute;left:0;top:0;}

.PhotoWall li{position:absolute;height:50px;width:50px;}
.PhotoWall li .PWliinner{height:49px;width:49px;position:relative;left:0;top:0;}
.PhotoWall li img{width:49px;height:49px;postion:absolute;left:0;top:0;}
.PhotoWall li .PWtitleBox{position:absolute;width:100%;bottom:0;display:none;}
.PhotoWall li .PWtitleBox b{position:absolute;height:18px;bottom:0;background:#000;width:100%;display:block;filter:alpha(opacity=80);opacity:0.5;}
.PhotoWall li .PWtitleBox i{position:absolute;height:18px;bottom:0;width:100%;font:12px/18px arial;font-style:normal;display:block;color:#fff;text-align:center}
.PhotoWall li .PWtitleBox i a{color:#fff;text-decoration:none;}

.PhotoWall li.big{height:150px;width:150px;}
.PhotoWall li.big .PWliinner{height:149px;width:149px;}
.PhotoWall li.big img{width:149px;height:149px;}


</style>
</head>
<body>

<div class="PhotoWall">
</div>


<script src="/js/lib/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery.gPhotoWall.js"></script>
<script type="text/javascript">
$(function(){
	$.photoWall({
		dom:".PhotoWall",
		row:5,
		col:19,
		url:"data.html"
	});
})

</script>

</body>
</html>
